@import '../../ui/base'

.title
  color #A4B2BB
  font-size 20px
  margin-bottom 15px
  line-height 1

.body
  margin-top 30px
  width 600px
  > form
    > h2
      @extend .title
  > div
    > h2
      @extend .title
    & + div
    & + form
      margin-top 40px

.upload
  @extends .h-center
  margin-top 20px
  > div
    margin-left 10px

.select
  height 66px
  background-color #F3F6F9
  display flex
  align-items center
  padding-left 30px
  [data-role="select"]
    background-color #fff

.handle-template
  background-color #F3F6F9
  height 100px
  align-items center
  padding-left 30px
  padding-top 15px
  > div
    display flex
    align-items center
    margin-top 15px
    > span
      font-size 12px
      color #8CA9C5
      margin-left 10px

.pick-file
  border 1px solid #3D98DF
  background-color #F3F6F9
  height 24px
  width 78px
  display flex
  justify-content center
  align-items center
  margin-left 5px
  font-size 12px
  color #3D98DF 

.download[data-role="button"]
  background-color transparent
  text-decoration underline
  padding-left 0
  color $font-blue

.upload-button
  width 188px
  height 40px
  margin-top 40px

.upload-error
.upload-success
  background-color #F3F6F9
  height 54px
  align-items center
  display flex
  justify-content center
  color #8CA9C5

.error-info
  width 572px
  height 216px
  padding 20px 10px
  width 600px
  border 1px solid #ddd
  height 230px
  margin-top 20px
  resize none

.actions
  display flex
  align-items center
  margin-top 40px
  [data-role="button"]
    width 148px
    height 40px
    & + [data-role="button"]
      margin-left 10px
